@charset "utf-8";

.conter{
.news{
    max-width: 978px;
    margin: 40px auto 0;
    box-sizing: border-box;
    .news_nav{
        h2{
            font-size: 30px;
            color: #ff6b08;
            line-height: 30px;
            margin: 0;
            padding-bottom: 39px;
        }
        .nav{
            padding-bottom: 40px;
            width: 100%;
            .img_wrap{
                display: flex;
                justify-content: center;
            }
            .img{
                position: relative;
                overflow: hidden;
                display: flex;
                justify-content: center;
                align-items: center;
                img{
                    border: 1px solid #EEEEEE;
                    border-radius:4px;
                    padding: 1px;
                }
                p{
                    position: absolute;
                    bottom: 0;
                    margin: 0;
                    left: 0;
                    height: 40px;
                    overflow: hidden;
                    width: 100%;
                    font-size: 14px;
                    line-height: 14px;
                    background: rgba(000,000,000,.5);
                    color: #FFFFFF;
                    text-align: center;
                    line-height: 40px;
                }
            }
        }
    }
    .news_list{
        padding-top: 40px;
        padding-bottom: 40px;
        border-bottom:1px solid #EEEEEE ;
        .list{
            padding-bottom: 30px;
            
            .img{
                img{
                    border: 1px solid #EEEEEE;
                    border-radius:4px ;
                    padding: 5px;
                }
            }
            .text{
                h4{
                    margin-top: 5px;
                    
                }
                a{
                    color: #666666;
                }
                a:hover{
                    color: #ff6900;
                
                }
                span{
                    font-size: 14px;
                    color: #2a2a2a;
                }
                p{
                    padding-top: 10px;
                    margin-bottom: 20px;
                }
                .btn{
                    border-radius: 15px;
                    border: solid 1px #ff6900;
                    padding: 9px 21px;
                    float: right;
                    color: #ff6900;
                }
                .btn:hover{
                    background-color: #ff6900;
                    color: #FFFFFF;
                }
            }
        }
    }
}
    .news_page{
        max-width: 1000px;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        ul{
            li{
                a{
                    color:#2a2a2a ;
                }
                .nav_active{
                    background: #e34637;
                    color: #FFFFFF;
                }
            }
        }
    }
}
@media only screen and (min-width:200px) and (max-width:768px) {
    .news{
        
    }
    .news_nav{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .news_list{
        padding-top: 20px !important;
        padding-bottom: 0 !important;
    }
    .nav {
          padding-bottom: 10px !important;
          .img{
              margin-bottom:20px !important;
          }
    }
    


}